<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
<head>
<meta charset="utf-8"/>
<title>审查申请贷款信息页面</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- basic styles -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
<!--[if IE 7]>
<link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
<![endif]-->
<!-- page specific plugin styles -->
<!-- fonts -->
<link rel="stylesheet" href="assets/css/css.css" />
<!-- ace styles -->
<link rel="stylesheet" href="assets/css/ace.min.css" />
<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
<link rel="stylesheet" href="assets/css/ace-skins.min.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="assets/css/ace-ie.min.css" />
<![endif]-->
<!-- inline styles related to this page -->
<!-- ace settings handler -->
<script src="assets/js/ace-extra.min.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->


<!-- 表单的控件样式 -->
<link rel="stylesheet" href="assets/css/jquery-ui-1.10.3.custom.min.css" />
<link rel="stylesheet" href="assets/css/chosen.css" />
<link rel="stylesheet" href="assets/css/datepicker.css" />
<link rel="stylesheet" href="assets/css/bootstrap-timepicker.css" />
<link rel="stylesheet" href="assets/css/daterangepicker.css" />
<link rel="stylesheet" href="assets/css/colorpicker.css" />
</head>

<body>
<!-- 头部 -->
		<div th:replace="after/common/header :: header" ></div>
<!--主体-->
		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<div class="main-container-inner">

		<!--******************* Menu 菜单 **********************-->
				<a class="menu-toggler" id="menu-toggler" href="#">
						<span class="menu-text"></span>
				</a>
		
		<!--******************* 菜单选项 ******************-->
				<div th:replace="after/common/nav :: navigation" class="sidebar" id="sidebar"></div>

		<!-- ******************* 容器 ************** -->
				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>

						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="#">首页</a>
							</li>
							<li>
								贷款申请
							</li>
						</ul><!-- .breadcrumb -->

						<div class="nav-search" id="nav-search">
							<form class="form-search">
								<span class="input-icon">
									<input type="text" placeholder="搜索" class="nav-search-input" id="nav-search-input" autocomplete="off" />
									<i class="icon-search nav-search-icon"></i>
								</span>
							</form>
						</div><!-- #nav-search -->
					</div>

					<div class="page-content">
						<div class="page-header">
							<h1>
								贷款申请信息
								<small>
									<i class="icon-double-angle-right"></i>
								</small>
							</h1>
						</div><!-- /.page-header -->
						<!-- *******************************  主体部 ****************************** -->
						<div class="row">
							<div class="col-xs-12">
								<h4 class="pink">
									<i class="icon-hand-right icon-animated-hand-pointer blue"></i>
									<!--<a href="#modal-table" role="button" class="green" data-toggle="modal">进行查</a>-->
								</h4>
								<div class="">
									<form action="#"  class="form-search" id="form_submitloan">
										<div class="row">
										   <div class="col-md-2 col-xs-12 col-sm-6">
											    贷款申请人：<input type="text" placeholder="贷款申请人名称" id="custName" th:name="custName"/>
										   </div>
										   <div class=" col-md-2 col-xs-12 col-sm-6">
											   身份证号码：<input type="text" placeholder="请输入身份证号" id="custIDcardNo" th:name="custIDcardNo"/>
											   <!-- <select class="form-inline" id="form-field-select-1" th:name="custIDcardNo">
												   <option value="">请选择身身份证号</option>
												  <option th:th:each="culi : ${culist}" th:value="${culi.custIDcardNo}" th:text="${culi.custIDcardNo}">
												   </option>
											   </select> -->
										   </div>
										   <div class=" col-md-2 col-xs-12 col-sm-6">
											    手 机 号 码： <input type="text" placeholder="请输入手机号码" id="custTele" th:name="custTele"/>
											   <!-- <select class="form-inline" id="form-field" th:name="custTele">
												   <option value="">请选择手机号码</option>
												   <option th:th:each="cu : ${culist}" th:value="${cu.custTele}" th:text="${cu.custTele}">
												   </option>
											   </select> -->
										   </div>
											<div class="col-md-2 col-xs-12 col-sm-6">
											    贷 款 金 额：<input type="number" placeholder="请输入" step="50.50"  min="1"  name="loanQuota"/>
										   </div>
										</div>
										<div class="row" style="margin-top: 1rem;">
											<div class=" col-md-3 col-xs-12 col-sm-6 col-md-push-1">
												分 期 期 数：
												<select class="form-inline" id="" name="loanStagId">
													<option value="">请选择分期期数</option>
													<option th:each="stag : ${session.stagings}" th:value="${stag.StagId}" th:text="${stag.stagByNumber} + ' ' + 期"></option>
												</select>
											</div>
											<div class=" col-md-4 col-xs-12 col-sm-6">
												贷 款 用 途：
												<select class="form-inline" id="nav-icon" name="purposeId">
													<option value="">请选择贷款用途</option>
													<option th:each="purpo : ${session.purposelist}" 
													th:value="${purpo.purposeId}" th:text="${purpo.purposeName}"></option>
												</select>
											</div>
											<!-- <div class=" col-md-3 col-xs-12 col-sm-6 col-md-pull-1">
												申 请 时 间：<input type="date"  name="loanDate"/>
											</div> -->
											<div class="col-md-2 col-xs-12 col-sm-6 col-md-pull-2 text-center">
												<button type="button" class="btn btn-info btn-sm" id="btn_submit_look"><i class="icon-search"></i>查看</button>
												<button type="reset" class="btn btn-sm"><i class="icon-undo bigger-110"></i>重置</button>
											</div>
										</div>
									</form>
								</div>

								<div class="row">
									<div class="hr hr-18 dotted hr-double"></div>
<!--***************   申请贷款信息 ******************-->
									<h5 class="bigger lighter">
										&nbsp;&nbsp;&nbsp;<i class="icon-table"></i>
										<button class="btn btn-success btn-app btn-xs"> 全 部 </button>
										<button class="btn btn-warning btn-app btn-xs">已审查</button>
										<button class="btn btn-danger btn-app btn-xs">未审查</button>
									</h5>
									<div class="col-xs-12">
										<div class="table-responsive">
											<table id="sample-table-2" class="table table-striped table-bordered table-hover">
												<thead>
													<tr>
														<th>申请贷款编号</th>
														<th>客户名称</th>
														<th class="hidden-480">身份证号</th>
														<th>手机号码</th>
														<th class="hidden-480">贷款金额</th>
														<th>分期期数</th>
														<th>贷款用途</th>
														<th><i class="icon-time hidden-480"></i>贷款申请时间</th>
														<th>审查状态</th>
														<th>操作</th>
													</tr>
												</thead>

												<tbody th:id="loanlist">
													<tr>
														<td class='center'>
															<label>
																<input type='checkbox' class='ace' id="all_ace"/>
																<span class='lbl'></span>
															</label>
														</td>
														<td><a href='#'></a></td>
														<td></td>
														<td></td>
														<td></td>
														<td></td>
														<td class='hidden-480'></td>
														<td></td>
														<td class='hidden-480'>
															<span class='label label-sm label-warning'></span>
														</td>
														<td>
															<div class='visible-md visible-lg hidden-sm hidden-xs action-buttons'>
																<a href='#modal-table' role='button' class='green' data-toggle='modal'>
																	<i class='icon-zoom-in bigger-130'></i>
																</a>
	
																<a class='green' href='#'>
																	<i class='icon-pencil bigger-130'></i>
																</a>
	
																<a class='red' href='#'>
																	<i class='icon-trash bigger-130'></i>
																</a>
															</div>
	
															<div class='visible-xs visible-sm hidden-md hidden-lg'>
																<div class='inline position-relative'>
																	<button class='btn btn-minier btn-yellow dropdown-toggle' data-toggle='dropdown'>
																		<i class='icon-caret-down icon-only bigger-120'></i>
																	</button>
	
																	<ul class='dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close'>
																		<li>
																			<a href='#' class='tooltip-info' data-rel='tooltip' title='View'>
																					<span class='blue'>
																						<i class='icon-zoom-in bigger-120'></i>
																					</span>
																			</a>
																		</li>
	
																		<li>
																			<a href='#' class='tooltip-success' data-rel='tooltip' title='Edit'>
																					<span class='green'>
																						<i class='icon-edit bigger-120'></i>
																					</span>
																			</a>
																		</li>
	
																		<li>
																			<a href='#' class='tooltip-error' data-rel='tooltip' title='Delete'>
																					<span class='red'>
																						<i class='icon-trash bigger-120'></i>
																					</span>
																			</a>
																		</li>
																	</ul>
																</div>
															</div>
														</td>
													</tr>
												</tbody>
											</table>
<!--****************** 申请贷款分页 *********************-->
											<div class="modal-footer">
												<div class="col-sm-4 pull-right">
													<div class="dataTables_info text-center" id="sample-table-2_info">
														<form th:id="pageform" action="#" >每页显示<label class="red" th:id="pageSize"></label>条，
														共<label class="red" th:id="pages"></label>页，
														到第<input type="text" class="" style="width: 3rem;" name="pagejump">页
															<input type="button" class="btn btn-xs btn-info" th:id="btnpage" value="确定"></form>
													</div>

												</div>
												<ul class="pagination no-margin">
													<li th:id="firstprev">
														<a href="#" th:id="first"> <i class="icon-double-angle-left"></i> 首页 </a>
													</li>

													<li th:id="prev">
														<a href="#"> 上一页 </a>
													</li>

													<li class="active">
														<a href="#" th:id="page"></a>
													</li>

													<li class="next" th:id="next">
														<a href="#"> 下一页 </a>
													</li>

													<li class="lastnext" th:id="lastnext">
														<a href="#" th:id="last"> 尾页 <i class="icon-double-angle-right"></i> </a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
<!--  ***************************   模态框   *****************************  -->
								<div id="modal-table" class="modal fade" tabindex="-1">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header no-padding">
												<div class="table-header">
													<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
														<span class="white">&times;</span>
													</button>
													查看详细信息进行审查
												</div>
											</div>
											<div class="hr hr-18 dotted hr-double"></div>
											<div class="modal-body no-padding" id="loanMiwe">
												<!-- pink green orange blue red -->
												<label class="blue">申请人：</label><span id="custName" class="orange"></span>
												<label class="blue">身份证号：</label><span id="custIDcardNo" class="orange"></span>
												<label class="blue">手机号码：</label><span id="custTele" class="orange"></span>
												<label class="blue">紧急联系人1(父母)：</label><span id="loanEmerContOne" class="orange"></span>
												<label class="blue">父母的联系方式：</label><span id="loanTeleOne" class="orange"></span>
												<label class="blue">紧急联系人2(朋友)：</label><span id="loanEmerContTwo" class="orange"></span>
												<label class="blue">朋友的联系方式：</label><span id="loanTeleTwo" class="orange"></span>
												<label class="blue">紧急联系人3(同事)：</label><span id="loanEmerContThree" class="orange"></span>
												<label class="blue">同事的联系方式：</label><span id="loanTeleThree" class="orange"></span>
												<label class="blue">期望贷款金额 ：</label><span id="loanQuota" class="orange"></span>
												<label class="blue">分期期数：</label><span id="loanStagId" class="orange"></span>
												<label class="blue">身份证正面：</label><span id="loanCardJustPath" class="orange"></span>
												<label class="blue">身份证背面 ：</label><span id="loanCardBackPath" class="orange"></span>
												<label class="blue">手持身份证照片：</label><span id="loanCardPath" class="orange"></span>
												<label class="blue">用途类型 ：</label><span id="purposeId" class="orange"></span>
												<label class="blue">贷款申请时间：</label><span id="loanDate" class="orange"></span>
												<label class="blue">审查状态：</label><span id="loanType" class="orange"></span>
												<div class="hr hr-18 dotted hr-double"></div>
												<h5 class="green">提交审查数据</h5>
												
												<form action="" method="post" id="checkFrom">
													<!-- 审查申请贷款编号 -->
													<input type="hidden" id="loanId" name="loanId">
													<!-- 审查员编号 -->
													<input type="hidden" id="checkId" name="checkId" th:value="${session.checks.checkId}">
													<!-- 审查类型 -->
													<div class="checkbox">
														<label>
															<input id="check_ace" name="loanType" type="checkbox" class="ace" value="已审查"/>
															<span class="lbl"> 已审查</span>
														</label>
													</div>
												</form>
											</div>
											<div class="hr hr-18 dotted hr-double"></div>
											<div class="modal-footer no-margin-top" id="btn_ces"> 
												<button class='btn btn-sm btn-success' id='btn_save_loanApp'>
													<i class='icon-save bigger-125'></i>
													提交审查
												</button>
												<button class="btn btn-sm btn-danger" data-dismiss="modal">
													<i class="icon-remove"></i>
													关闭返回
												</button>
											</div>
										</div><!-- /.modal-content -->
									</div><!-- /.modal-dialog -->
								</div><!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div><!-- /.main-content -->
		<!--*********************  更换页面样式和布局 *******************-->
				<div th:replace="after/common/nav :: style" class="ace-settings-container" id="ace-settings-container" ></div>
			</div>
		<!--**************  Top返回顶部 *****************-->
			<a href="#" id="btn-scroll-up" th:replace="after/common/nav :: top" class="btn-scroll-up btn btn-sm btn-inverse"></a>
		</div>
<!--引入脚本    basic scripts -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/jquery-1.10.2.min.js"></script>
	<script type="text/javascript">
		window.jQuery
				|| document
						.write("<script src='assets/js/jquery-2.0.3.min.js'>"
								+ "<"+"script>");
	</script>
	<script type="text/javascript">
		window.jQuery
				|| document
						.write("<script src='assets/js/jquery-1.10.2.min.js'>"
								+ "<"+"script>");
	</script>
	<script type="text/javascript">
		if ("ontouchend" in document)
			document
					.write("<script src='assets/js/jquery.mobile.custom.min.js'>"
							+ "<"+"script>");
	</script>
	<script type="text/javascript" th:src="@{assets/js/loaned/loanpay.js}"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/typeahead-bs2.min.js"></script>
	<!-- page specific plugin scripts -->
	<script src="assets/js/excanvas.min.js"></script>
	<script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
	<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
	<script src="assets/js/jquery.slimscroll.min.js"></script>
	<script src="assets/js/jquery.easy-pie-chart.min.js"></script>
	<script src="assets/js/jquery.sparkline.min.js"></script>
	<script src="assets/js/flot/jquery.flot.min.js"></script>
	<script src="assets/js/flot/jquery.flot.pie.min.js"></script>
	<script src="assets/js/flot/jquery.flot.resize.min.js"></script>
	<!-- ace scripts -->
	<script src="assets/js/ace-elements.min.js"></script>
	<script src="assets/js/ace.min.js"></script>
	
	<!-- inline scripts related to this page -->
	<script src="assets/js/index_public.js" type="text/javascript"></script>

	<!-- page specific plugin scripts -->
	
	<script src="assets/js/jquery.dataTables.min.js"></script>
	<script src="assets/js/jquery.dataTables.bootstrap.js"></script>
	<script type="text/javascript" th:src="@{assets/js/formControl.js}"></script>
	
</body>
</html>
